<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>档案信息</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content pb4">
            <div class="aui_formbox" v-bind:class="{'edit':dynamicData}">
                <div class="aui_formitem">
                    <div class="aui_formtitle">资源位置</div>
                    <div class="aui_formcontent aui-ellipsis-1">
                        {{roominfo.FullName}}
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">资源编号</div>
                    <div v-if="staticData" class="aui_formcontent">
                        {{roominfo.RoomID}}
                    </div>
                    <div v-if="dynamicData" class="aui_formcontent">
                        <input v-model="roominfo.RoomID" type="text" />
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">资源状态</div>
                    <div v-if="staticData" class="aui_formcontent">
                        {{roominfo.RoomStateName}}
                    </div>
                    <div v-if="dynamicData" class="aui_formcontent">
                        <select v-model="roominfo.RoomStateID">
                          <option v-for="item in statelist" v-bind:value="item.id">{{item.name}}</option>
                      </select>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">计费面积</div>
                    <div v-if="staticData" class="aui_formcontent">
                        {{roominfo.BuildingArea}}
                    </div>
                    <div v-if="dynamicData" class="aui_formcontent">
                        <input v-model="roominfo.BuildingArea" type="text" />
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">建筑面积</div>
                    <div v-if="staticData" class="aui_formcontent">
                        {{roominfo.BuildOutArea}}
                    </div>
                    <div v-if="dynamicData" class="aui_formcontent">
                        <input v-model="roominfo.BuildOutArea" type="text" />
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">住户姓名</div>
                    <div v-if="staticData" class="aui_formcontent">
                        {{roominfo.RelationName}}
                    </div>
                    <div v-if="dynamicData" class="aui_formcontent">
                        <input v-model="roominfo.RelationName" type="text" />
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">联系方式</div>
                    <div v-on:click="tel_phone(roominfo.RelatePhoneNumber)" v-if="staticData" class="aui_formcontent">
                        {{roominfo.RelatePhoneNumber}}
                    </div>
                    <div v-if="dynamicData" class="aui_formcontent">
                        <input v-model="roominfo.RelatePhoneNumber" type="text" />
                    </div>
                </div>
            </div>
        </div>
        <div v-if="dynamicData" class="aui_bottom">
            <div v-on:click="save()" class="aui_bottombtn">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="js/resources_detail.js"></script>

</html>
